<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    {include file="public/title" /}
    <meta name="keywords" content="HTML5 Bootstrap 3 Admin Template UI Theme">
    <meta name="description" content="Fusion - A Responsive HTML5 Admin UI Template Theme">
    <meta name="author" content="AdminDesigns">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {include file="public/css" /}
    <style>
        .table a { color: blue;}
        dl, li { list-style:none;}
        .panel-body dt, .panel-body dd { float: left;}
        .clear {clear: both;}
        .panel-body dt { width: 7%;}
        .panel-body dd { width: 90%;}
        .panel-body dd li { float: left; min-width: 6%; padding: 0 10px;}
        .form-horizontal { padding-left: 30px;}
    </style>
    {include file="public/js" /}
    <script type="text/javascript" src="/static/system/clipboard.min.js"></script>
    <script type="text/javascript">
        function copy(channel_id)
        {
            new Clipboard('.channel'+channel_id);
        }
    </script>
</head>
<body class="dashboard-page">

{include file="public/header" /}

<!-- Start: Main -->
<div id="main">

    <!-- Start: Sidebar -->
    <aside id="sidebar_left">
        <div class="sidebar-menu">
            <!--菜单-->
            {include file="public/menu" /}
        </div>
    </aside>

    <!-- Start: Content -->
    <section id="content_wrapper">
        <div id="topbar">
            <!--所在-->
            {include file="public/topbar" /}
        </div>
        <div id="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel">
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th>渠道编号</th>
                                        <th>名称</th>
                                        <th>类型</th>
                                        <th>创建时间</th>
                                        <th>状态</th>
                                        <th>推广链接</th>
                                        <th>渠道收益</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        {volist name="lists" id="li"}
                                        <tr>
                                            <td>{$li.id}</td>
                                            <td>
                                                <a href="/index/channelList/details/channel_id/{$li.id}">{$li.course_info.title}</a>
                                            </td>
                                            <td>单条</td>
                                            <td>{$li.create_time}</td>
                                            <td>{$li.status}</td>
                                            <td>
                                                {$li.channel_url}
                                                <a href="javascript:;" class="channel{$li.id}" data-clipboard-text="{$li.channel_url}" onclick="tocopy()">复制</a>
                                            </td>
                                            <td>
                                                <span style="color: red;;">{$li.total_earnings}</span>元
                                            </td>
                                        </tr>
                                        <script>copy({$li.id})</script>
                                        {/volist}
                                    </tbody>
                                </table>
                                {$page}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </section>

</div>
<!-- End #Main -->
</body>
</html>
